<template>
    <div>
        <p>
            @keydown.enter 事件触发
            <input type="text" @keydown.enter="change" v-model="field1"/>
        </p>
        <p>
            触发子组件的自定义事件
            <ComA @self-event="MyChildComA"></ComA>
        </p>
        <p>
            <input type="text" name=""/>
        </p>
    </div>
</template>

<script>
import ComA from './a.vue'
export default{
    components:{
        ComA
    },
    data(){
        return {
            field1:''
        }
    },
    methods:{
        change(){
            this.field1=this.field1.split('').reverse().join('');
        },
        MyChildComA(contentfromComA){ 
            // 在子组件的emit触发时调用，这里可参照ComA中的emitSelfEvent事件
            console.log(contentfromComA+"---------------My Child ComA");
        }
    }
}
</script>